/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    基本信息    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DetailRepair-RepairBase {
  position: relative;

  /* ============================== 标题 ============================== */
  .MajorTitle {
    /* —————————————————————————————— 两个状态 —————————————————————————————— */
    .CoreWeb-ShowItem + .CoreWeb-ShowItem {
      margin-left: 20px;
    }
  }

  /* ============================== 超时 ============================== */
  &-timeout-1,
  &-timeout-2,
  &-timeout-3 {
    position: relative;

    /* —————————————————————————————— 文字 —————————————————————————————— */
    &::after {
      content: "超" !important;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 26px;
      height: 22px;
      line-height: 20px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: normal;
      box-sizing: border-box;
      text-align: center;
      transform: translate(50px, -50%);
    }
  }

  /* ============================== 一级超时 ============================== */
  &-timeout-1::after {
    border: 1px solid #37f;
    color: #37f;
    background: #eef;
  }

  /* ============================== 二级超时 ============================== */
  &-timeout-2::after {
    border: 1px solid #f80;
    color: #f80;
    background: #fed;
  }

  /* ============================== 三级超时 ============================== */
  &-timeout-3::after {
    border: 1px solid #f10;
    color: #f10;
    background: #fdd;
  }
}
